<template>
  <div class="app">
    <!-- 
       尤雨溪团队:官方的click、change、mouseleave、mouseenter、mouseover,这些事件进行封装 【使用的时候感觉和原生DOM很想】
       并非原生DOM事件【底层：事件绑定、事件分发等等】
       在事件的后面加上.navtive修饰符，就可以把人家团队封装的事件变为原生DOM事件


       @erha:属于自定义事件---非w3c提出的
     -->
    <!--  
       @erha="handler1"：我给Count组件绑定了一个erha事件，且回调函数属于App组件的方法
     -->
    <Count @erha="handler1"></Count>
  </div>
</template>

<script>
import Count from "./components/Count";
export default {
  name: "",
  data() {
    return {};
  },
  components: {
    Count,
  },
  methods: {
    //自定义事件的回调【二哈】
    handler1(parmas) {
        console.log(parmas);
    },
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
.app {
  width: 100%;
  height: 100%;
  background: pink;
  overflow: hidden;
}
</style>
